    <!-- JavaScript -->
    
    <script src="js/bootstrap.js"></script>
    <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>-->
    <script type="text/javascript" src="js/alertas.js"></script>
  
    <!-- Calendario -->
    <script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="js/bootstrap-datepicker.pt-BR.js"></script>
    <script type="text/javascript">
        $(function(){
            var options = new Array();
            options['language'] = 'pt-BR';
            $('.datepicker').datepicker(options);
        })
    </script>
    <!-- /Calendario -->
    
    <script src="js/jquery-validate.js"></script>

    <script>
        $('form').validate({
                onKeyup : true,
                sendForm : true,
                eachValidField : function() {

                        $(this).closest('div').removeClass('error').addClass('success');
                        $(this).css('background', '#fff');
                },
                eachInvalidField : function() {

                        $(this).closest('div').removeClass('success').addClass('error');
                        $(this).css('background', '#d9534f');
                },
                description : {
                        valida : {
                                required : '<div class="alert alert-error"><i class="fa fa-ban"></i> Campo Obrigatório</div>',
                                pattern : '<div class="alert alert-error"><i class="fa fa-exclamation-circle"></i> Preenchimento Incorreto.</div>',
                                conditional : '<div class="alert alert-error"><i class="fa fa-exclamation-circle"></i> Conditional</div>',
                                valid : '<div class="alert alert-success"><i class="fa fa-check-circle"></i> Validado</div>'
                        }
                }
        });
    </script>
          
  </body>
</html>